<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>Simple demo</title>
        <script type="text/javascript" src="__PUBLIC__/js/swfobject.js"></script>
        <script type="text/javascript" src="__PUBLIC__/js/fullAvatarEditor.js"></script>
    </head>
    <body>
		<div style="width:632px;margin: 0 auto;text-align:center">
			<h1 style="text-align:center">头像上传编辑器</h1>
			<div>
				<p id="swfContainer">
                    本组件需要安装Flash Player后才可使用，请从<a href="http://www.adobe.com/go/getflashplayer">这里</a>下载安装。
				</p>
			</div>
        </div>
		<script type="text/javascript">
            swfobject.addDomLoadEvent(function () {
				//以下两行代码正式环境下请删除
				if(location.href.indexOf('http://') == -1) 
				alert('请于WEB服务器环境中查看、测试！\n\n既 http://*/simpleDemo.html\n\n而不是本地路径 file:///*/simpleDemo.html的方式');
				var swf = new fullAvatarEditor("__PUBLIC__/js/fullAvatarEditor.swf", "__PUBLIC__/js/expressInstall.swf", "swfContainer", {
					    id : 'swf',
						upload_url : "{:U('Admin/uploadImg')}",	//上传接口
						method : 'get',	//传递到上传接口中的查询参数的提交方式。更改该值时，请注意更改上传接口中的查询参数的接收方式
						src_upload : 1,		//是否上传原图片的选项，有以下值：0-不上传；1-上传；2-显示复选框由用户选择
						avatar_box_border_width : 0,
						avatar_sizes : '200*200',
						avatar_sizes_desc : '200*200',
						avatar_tools_visible : false,
						checkbox_visible : false
					}, function (msg) {
						switch(msg.code)
						{
							case 1 : 
								//alert("页面成功加载了组件！");
								break;
							case 2 : 
								//alert("已成功加载图片到编辑面板。");
								document.getElementById("upload").style.display = "inline";
								break;
							case 3 :
								if(msg.type == 0)
								{
									alert("摄像头已准备就绪且用户已允许使用。");
								}
								else if(msg.type == 1)
								{
									alert("摄像头已准备就绪但用户未允许使用！");
								}
								else
								{
									alert("摄像头被占用！");
								}
							break;
						}
					}
				);
            });
        </script>
    </body>
</html>